<!-- 
Author: suwonchon(neosuwonchon@gmail.com)
-->

{% extends "base.html" %}
{% block title %}Sample{% endblock title%}
{% block content %}
<!--
	msg: {{msg}} <br/>
-->
{% load staticfiles %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Description" content="Eat.fi -- Kaikki Suomen ravintolat kartalla!" />
<meta http-equiv="Keywords" content="Eat.fi, ravintola, ruoka, restaurant, food" />

<meta name="title" content="Helsinki restaurants on Eat.fi" />
<meta name="robots" content="index, follow" />
<meta name="language" content="en" />
<meta name="verify-v1" content="z1s42pmgJm0mFJXYbL1w3sfamSqLTLGfZheDltPCXAc=" />
<meta name="msvalidate.01" content="96E6146F4870145EEE3FABEF40E69092" />

<link rel="shortcut icon" href="/images/v2/favicon.ico" />

<title>-----------------------------Helsinki restaurants on Eat.fi</title>

<script type="text/javascript">
tick = function() {};
</script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB652irq7LZ7Myd9Iv2zT1yarhY9jN20xI&amp;sensor=true&amp;language=en&amp;libraries=geometry">
</script>

<!--
<script type="text/javascript" src="http://netti.mtvmedia.fi/EAS_tag.1.0.js">
</script>
<script type="text/javascript" src="http://code.adtlgc.com/js/mtv3_init_cjs.js">
</script>
-->

<script type="text/javascript">
<!--
EAS_server = 'http://netti.mtvmedia.fi';
EAS_init("5966,8337", "" + (window.adptpecresp?window.adptpecresp:""));;
//-->
</script>

<link rel="stylesheet" type="text/css" media="screen" href="{% static "/static/css/global.css" %}" />
<link rel="stylesheet" type="text/css" media="screen" href="{% static "/static/css/area.css" %}" />
<script type="text/javascript" src="{% static "/static/js/global.js" %}" /></script>
<script type="text/javascript" src="{% static "/static/js/area.js" %}" /></script>

<!--
<script type="text/javascript" src="http://partner.mtv3.fi/mininavi/mtv-mininavi.js?59"></script>
<meta property="og:site_name" content="Eat.fi" />
-->
</head>

<body class="template-area">
<div id="body">
<script type="text/javascript">
// LOCALIZATION
eat.locale.strings['common.header.search.defaultText'] = "Search Helsinki restaurants";
eat.locale.strings['area.location.address.invalidaddress'] = "We're sorry, but we couldn't find that address!";
eat.locale.strings['common.footer.tour.loading'] = "Loading tour...";

// CONFIGURATION
eat.settings.culture = 'en';
eat.settings.cookieDomain = '.eat.fi';
eat.settings.userUrl = "/en/user/";
eat.settings.indexUrl = "/en";
eat.settings.restaurantUrl = "/eat/restaurant/go";
eat.settings.restaurantLunchMenuUrl = "/eat/lunch/go";
eat.settings.areaUrl = "/eat/area/json"; // "/js/data/areaDebug.js";
eat.settings.adsUrl = "/js/data/adsData.json";
eat.settings.adsClickUrl = "/ads/click/";
eat.settings.autocompleteUrl = "/common/autocomplete";
eat.settings.userTourUrl = "/en/tour/user";
eat.settings.ownerTourUrl = "/en/tour/owner";
eat.settings.areaCityUrl = "/eat/area/city/json";
eat.settings.adBuyUrl = "/en/eat/ads/buy";
</script>

<!-- AD
<div id="mininavi" style="height:50px"></div>
<div id="pagetop-ad">
	<script type="text/javascript">
	</script>
</div>
-->

<div id="header">

<div id="toplang">
	<ul>
	<li class="off"><a href="http://eat.fi/fi/helsinki">FI</a></li>
	<li class="off"><a href="http://eat.fi/sv/helsinki">SV</a></li>
	<li class="on" ><a href="http://eat.fi/en/helsinki">EN</a></li>
	</ul>
</div>

<div id="messagebar">
	<div class="entries">
	</div>
</div>

	<div id="userbar">
		<div class="begin">
			<!-- -->
		</div>
           <ul class="loggedin" style="display:none">
				<li id="userbar-profile">Profile </li>
				<li id="userbar-logout"><a href="/user/logout">Logout</a></li>
           </ul>
           <ul class="unlogged">
				<li id="userbar-login"><a href="/user/login">Log in</a></li>
				<li id="userbar-signup"><a href="/en/user/profile/signup.html">Sign up</a></li>
           </ul>
        
		<div class="end">
		<!-- -->
		</div>
	</div>

	<div id="header-middle">
		<!-- LOGO
		<div id="header-logo">
			<a href="/helsinki"><img width="110" height="38" src="eat-logo.png" alt="Eat-logo" /></a>
			<div id="header-city"><a href="/helsinki">Helsinki</a></div>
		</div>
		-->
		<div id="topnavi">
			<ul>
				<li class="on"><a href="/helsinki">Map</a></li>
				<li><a href="/en/helsinki/restaurants">Restaurants</a></li>
				<li><a href="/en/helsinki/reviews">Reviews</a></li>
				<li><a href="/en/helsinki/community">Community</a></li>
				<li><a href="/en/eat/support">Support</a></li>
				<li id="topnavi-top50" >
				<a href="/en/restaurants/top50">50 Parasta ravintolaa</a>
				</li>
			</ul>
		</div>

		<div id="search">
			<form action="/en/eat/search/helsinki" method="get">
				<div class="form-input form-text">
					<input id="search_text" type="text" name="searchstring" value="" />
				</div>

				<div class="form-input form-submit">
					<input id="search_button" type="submit" value="Search" disabled="disabled" />
				</div>
			</form>
		</div>
	</div>
</div>

<div id="main">
<script type="text/javascript">
eat.locale.strings['area.map.tooltip.reviews'] = "reviews";
eat.locale.strings['area.map.tooltip.noReviews'] = "No reviews";
eat.locale.strings['area.map.tooltip.review'] = "review";
eat.locale.strings['area.map.error'] = "AREAMAPERROR";
eat.locale.strings['area.map.tooltip.qualityLabel'] = "Food";
eat.locale.strings['area.map.tooltip.experienceLabel'] = "Experience";
eat.locale.strings['area.map.tooltip.priceLabel'] = "Value";
eat.locale.strings['area.map.tooltip.willBeClosed'] = "<strong>Note:</strong> This restaurant will stop serving food in few minutes.";
eat.locale.strings['area.map.tooltip.foreign'] = "<strong>Note:</strong> This restaurant is in a different city. Please click to change the city for more information.";
eat.locale.strings['area.map.tooltip.foreignLink'] = "Change to";
eat.locale.strings['area.toplist.reviews'] = "REVIEWS";
eat.locale.strings['area.toplist.descriptionMissing'] = " ";
eat.locale.strings['area.toplist.sponsor'] = "Sponsors";
eat.locale.strings['area.toplist.sponsor.link'] = "Become a sponsor »";
eat.locale.strings['area.toplist.goodreviews'] = "Over 5 reviews";
eat.locale.strings['area.toplist.lowreviews'] = "Under 5 reviews";
eat.locale.strings['area.toplist.noreviews'] = "No reviews";
eat.locale.strings['area.toplist.title.overall'] = "by overall";
eat.locale.strings['area.toplist.title.quality'] = "by food";
eat.locale.strings['area.toplist.title.experience'] = "by experience";
eat.locale.strings['area.toplist.title.price'] = "by value";
eat.locale.strings['area.toplist.status.open'] = "Kitchen is open";
eat.locale.strings['area.toplist.status.closed'] = "Kitchen is closed";
eat.locale.strings['area.toplist.status.lunch'] = "Serving lunch";
eat.locale.strings['area.toplist.status.brunch'] = "Serving brunch";
eat.locale.strings['area.toplist.status.unknown'] = "Opening status not known";
eat.locale.strings['area.toplist.status.foreign'] = "Restaurant is in another city, opening status unknown";
eat.locale.strings['area.toplist.noOpenRestaurants'] = "No restaurants on the currently visible map serve food at the moment.";
eat.locale.strings['area.location.address.example'] = "Street #, City";
eat.locale.strings['area.location.address.invalidaddress'] = "We're sorry, but we couldn't find that address!";
eat.locale.strings['area.filter.category.any'] = "any restaurant type";
eat.locale.strings['area.filter.rating.quality'] = "food";
eat.locale.strings['area.filter.rating.price'] = "value";
eat.locale.strings['area.filter.rating.experience'] = "experience";
eat.locale.strings['area.filter.rating.overall'] = "overall";
eat.locale.strings['area.filter.rating.minimum'] = "min.";
eat.locale.strings['area.filter.rating.any'] = "any rating";
eat.locale.strings['area.filter.date.now'] = "right now";
eat.locale.strings['area.filter.date.time'] = "at";
eat.locale.strings['area.filter.price.maximum'] = "max.";
eat.locale.strings['area.filter.price.nomaximum'] = "any price";
eat.locale.strings['area.filter.other.used'] = "in use";
eat.locale.strings['area.filter.other.notused'] = "click to add";
eat.locale.strings['area.filter.other.example'] = "e.g. 'steak'";
eat.locale.strings['area.map.tooltip.admin.remove'] = "Remove restaurant »";
eat.locale.strings['area.map.tooltip.admin.edit'] = "Edit restaurant »";
eat.locale.strings['area.map.tooltip.admin.open'] = "Show public page »";
eat.locale.strings['area.map.tooltip.admin.deleteConfirm'] = "Are you sure?";
eat.locale.strings['area.map.error.zoom'] = "We're sorry, we can't show you restaurants at this zoom level.";
eat.locale.strings['area.map.message.loading'] = "A moment please, the map is loading...";
</script>


<div id="content">

<div id="content-area">
	    
<script type="text/javascript">
eat.locale.strings['area.filter.categoryFilter.category1'] = "Asian food";
eat.locale.strings['area.filter.categoryFilter.category2'] = "European food";
eat.locale.strings['area.filter.categoryFilter.category3'] = "Other ethnic food";
eat.locale.strings['area.filter.categoryFilter.category5'] = "Fine dining";
eat.locale.strings['area.filter.categoryFilter.category6'] = "Cafés";
eat.locale.strings['area.filter.categoryFilter.category4'] = "Bar/pub food";
eat.locale.strings['area.filter.categoryFilter.category7'] = " Fast food/chains";
eat.locale.strings['area.filter.categoryFilter.feature1'] = "Child friendly";
eat.locale.strings['area.filter.categoryFilter.feature2'] = "Vegetarian friendly";
eat.locale.strings['area.filter.locationFilter.userPresets.confirmDelete'] = "Are you sure you want to delete this setting?";
eat.locale.strings['area.filter.locationFilter.userPresets.nameText'] = "Setting name";
eat.locale.strings['area.filter.locationFilter.userPresets.enterName'] = "Please enter a name for this setting, for example 'lunch at work'.";
eat.locale.strings['area.filter.locationFilter.userPresets.presetSaved'] = "Your setting has been saved! Now you can easily retrieve these particular search settings later by clicking its name.";
eat.locale.strings['area.filter.locationFilter.userPresets.deleteLink'] = "Delete";

// PRESETS CONFIGURATION
eat.settings.presetsAddUrl = "/user/addMapPreset/";
eat.settings.presetsDeleteUrl = "/user/deleteMapPreset/"; 

$(document).ready(function(){
});

</script>

<div id="filter-bar">
	<div id="location-presets-flash">&nbsp;</div>
	<div class="filters">
		<div id="categoryfilter" class="filter">
			<div class="filter-end left"></div>

            <h3>Categories:</h3>

            <div class="data"></div>
			
			<div class="controls">
				<div class="filter-bar-button-close"></div>
				
				<div class="section" id="categoryfilter-features">
					<ul class="feature-small-list">
						<li class="feature-small" id="feature-small-disabled">
							<div class="feature-small-input">
								<input type="radio" name="feature[]" id="featurefilter-feature-disabled" value="0" checked="checked" />
							</div>

							<div class="feature-small-label">							
								<div class="feature-label"><label for="featurefilter-feature-disabled">All restaurants by type</label></div>
							</div>
							
                            <div class="sub-section" id="categoryfilter-categories">
                                <div class="help">
                                    Select categories of interest:
								</div>
                                
                                <ul class="category-small-list">
										<li class="category-small" id="category-small-1">
                                        <div class="category-small-input">
                                            <input type="checkbox" name="type[]" id="categoryfilter-category-1" value="1" />
                                        </div>
            
                                        <div class="category-small-label">							
                                            <div class="category-label"><label for="categoryfilter-category-1">Asian food</label></div>
                                        </div>
										</li>
                                   <li class="category-small" id="category-small-2">
                                        <div class="category-small-input">
                                            <input type="checkbox" name="type[]" id="categoryfilter-category-2" value="2" />
                                        </div>
            
                                        <div class="category-small-label">							
                                            <div class="category-label"><label for="categoryfilter-category-2">European food</label></div>
                                        </div>
										</li>
										<li class="category-small" id="category-small-3">
                                        <div class="category-small-input">
                                            <input type="checkbox" name="type[]" id="categoryfilter-category-3" value="3" />
                                        </div>
            
                                        <div class="category-small-label">							
                                            <div class="category-label"><label for="categoryfilter-category-3">Other ethnic food</label></div>
                                        </div>
                                    </li>
                                                                                                            <li class="category-small" id="category-small-5">
                                        <div class="category-small-input">
                                            <input type="checkbox" name="type[]" id="categoryfilter-category-5" value="5" />
                                        </div>
            
                                        <div class="category-small-label">							
                                            <div class="category-label"><label for="categoryfilter-category-5">Fine dining</label></div>
                                        </div>
                                    </li>
                                                                                                            <li class="category-small" id="category-small-6">
                                        <div class="category-small-input">
                                            <input type="checkbox" name="type[]" id="categoryfilter-category-6" value="6" />
                                        </div>
            
                                        <div class="category-small-label">							
                                            <div class="category-label"><label for="categoryfilter-category-6">Cafés</label></div>
                                        </div>
                                    </li>
                                                                                                            <li class="category-small" id="category-small-4">
                                        <div class="category-small-input">
                                            <input type="checkbox" name="type[]" id="categoryfilter-category-4" value="4" />
                                        </div>
            
                                        <div class="category-small-label">							
                                            <div class="category-label"><label for="categoryfilter-category-4">Bar/pub food</label></div>
                                        </div>
                                    </li>
                                                                                                            <li class="category-small" id="category-small-7">
                                        <div class="category-small-input">
                                            <input type="checkbox" name="type[]" id="categoryfilter-category-7" value="7" />
                                        </div>
            
                                        <div class="category-small-label">							
                                            <div class="category-label"><label for="categoryfilter-category-7"> Fast food/chains</label></div>
                                        </div>
                                    </li>
                                                                        
                                    <li class="category-small" id="category-small-nocategory">
                                        <div class="category-small-input">
                                            <input type="checkbox" id="no-category" name="no-category" />
                                        </div>
            
                                        <div class="category-small-label">		
                                            <div class="category-label"><label for="no-category">No type</label></div>
                                        </div>
                                    </li>
                                </ul>
                                
                                <br clear="both" />
                            </div>
						</li>
						
								<li class="feature-small" id="feature-small-1">
                                <div class="feature-small-input">
                                    <input type="radio" name="feature[]" id="featurefilter-feature-1" value="1" />
                                </div>
    
                                <div class="feature-small-label">							
                                    <div class="feature-label"><label for="featurefilter-feature-1">Child friendly</label></div>
                                </div>
                            </li>
								<li class="feature-small" id="feature-small-2">
                                <div class="feature-small-input">
                                    <input type="radio" name="feature[]" id="featurefilter-feature-2" value="2" />
                                </div>
    
                                <div class="feature-small-label">							
                                    <div class="feature-label"><label for="featurefilter-feature-2">Vegetarian friendly</label></div>
                                </div>
                            </li>
												
																	
					</ul>
					
					<div id="categoryfilter-feature-info">
                    NOTE: Affect which restaurants are included in the categories below by voting for or against on that restaurant's page.
					</div>
					
					<div style="clear:both"></div>
				</div>
					
				<div class="section update">
					<div class="filter-bar-button-update disabled">
						<div class="button-end left"></div>
						<div class="button-body">Update map</div>
						<div class="button-end right"></div>
					</div>
				</div>
			</div>
			
			<div class="filter-end right"></div>
		</div>
		
		<div id="ratingfilter" class="filter">
			<div class="filter-end left"></div>

			<h3>Minimum rating</h3>

			<div class="data"></div>
			
			<div class="controls">
				<div class="filter-bar-button-close"></div>
				
				<div class="section">
					<div class="help">What rating is the most important to you?</div>
					
					<div class="form-select">
						<select id="ratingfilter-type">
							<option value="overall">Overall</option>
							<option value="quality">Food quality</option>
							<option value="experience">Experience</option>
							<option value="price">Value</option>
						</select>
					</div>
				</div>	
				
				<div class="section">
					<div class="help">Choose minimum rating:</div>
							
					<div class="form-radio">		
						<input type="radio" name="ratingfilter-rating" value="1" id="ratingfilter-rating-1" /><label for="ratingfilter-rating-1">1</label>
						<input type="radio" name="ratingfilter-rating" value="2" id="ratingfilter-rating-2" /><label for="ratingfilter-rating-2">2</label>
						<input type="radio" name="ratingfilter-rating" value="3" id="ratingfilter-rating-3" /><label for="ratingfilter-rating-3">3</label>
						<input type="radio" name="ratingfilter-rating" value="4" id="ratingfilter-rating-4" /><label for="ratingfilter-rating-4">4</label>
					</div>
				</div>			

				<div class="section update">
					<div class="filter-bar-button-update disabled">
						<div class="button-end left"></div>
						<div class="button-body">Update map</div>
						<div class="button-end right"></div>
					</div>
				</div>
			</div>
			
			<div class="filter-end right"></div>
		</div>
		
		<div id="pricefilter" class="filter">
			<div class="filter-end left"></div>
			
			<h3>Maximum price</h3>

			<div class="data"></div>
			
			<div class="controls">
				<div class="filter-bar-button-close"></div>
				
				<div class="section">
					<div class="help">How much are you willing to pay?</div>
					
					<ul class="form-radio">
					    <li>
					       <input type="radio" name="price" id="restaurant-price-1" value="0-10" />
					       <label for="restaurant-price-1">10€</label>
					    </li>
					    <li>
					       <input type="radio" name="price" id="restaurant-price-2" value="0-20" />
					       <label for="restaurant-price-2">20€</label>
					    </li>
					    <li>
					       <input type="radio" name="price" id="restaurant-price-3" value="0-30" />
					       <label for="restaurant-price-3">30€</label>
					    </li>
					    <li>
					       <input type="radio" name="price" id="restaurant-price-4" value="0-1000"  />
					       <label for="restaurant-price-4">Any price</label>
					    </li>
					</ul>
				</div>
				
				<div class="section update">
					<div class="filter-bar-button-update disabled">
						<div class="button-end left"></div>
						<div class="button-body">Update map</div>
						<div class="button-end right"></div>
					</div>
				</div>
			</div>
			
			<div class="filter-end right"></div>
		</div>
		
		<div id="datefilter" class="filter">
			<div class="filter-end left"></div>
			
			<h3>Date and time</h3>

			<div class="data"></div>
			
			<div class="controls">
				<div class="filter-bar-button-close"></div>
				
				<div class="section">
					<div class="help">Specify the time and date you'd like to see reflected on the map.</div>
					
					<div id="datefilter-date">
						<div class="entry">
							<input type="radio" name="datefilter-switch" id="datefilter-switch-now" checked="checked" />
							<label for="datefilter-switch-now">Now</label>
						</div>
		
						<div class="entry">
							<input type="radio" name="datefilter-switch" id="datefilter-switch-custom" />
							<label for="datefilter-switch-custom">Other time</label>
						
							<div id="datefilter-date-details">
								<div id="datefilter-date-details-date">
									<div class="help">Date:</div>
									
									<div class="form-text">
										<input type="text" name="datefilter-date-dd" id="datefilter-date-dd" value="13" size="2" />										<input type="text" name="datefilter-date-mm" id="datefilter-date-mm" value="03" size="2" />										<input type="text" name="datefilter-date-yyyy" id="datefilter-date-yyyy" value="2014" size="4" />				
									</div>
								</div>
								
								<div id="datefilter-date-details-time">
									<div class="help">Time:</div>
									
									<div class="form-select">
										<select name="datefilter-time" id="datefilter-time">
											<option value="0">00:00</option>
											<option value="30">00:30</option>
											<option value="60">01:00</option>
											<option value="90">01:30</option>
											<option value="120">02:00</option>
											<option value="150">02:30</option>
											<option value="180">03:00</option>
											<option value="210">03:30</option>
											<option value="240">04:00</option>
											<option value="270">04:30</option>
											<option value="300">05:00</option>
											<option value="330">05:30</option>
											<option value="360">06:00</option>
											<option value="390">06:30</option>
											<option value="420">07:00</option>
											<option value="450" selected="selected">07:30</option>
											<option value="480">08:00</option>
											<option value="510">08:30</option>
											<option value="540">09:00</option>
											<option value="570">09:30</option>
											<option value="600">10:00</option>
											<option value="630">10:30</option>
											<option value="660">11:00</option>
											<option value="690">11:30</option>
											<option value="720">12:00</option>
											<option value="750">12:30</option>
											<option value="780">13:00</option>
											<option value="810">13:30</option>
											<option value="840">14:00</option>
											<option value="870">14:30</option>
											<option value="900">15:00</option>
											<option value="930">15:30</option>
											<option value="960">16:00</option>
											<option value="990">16:30</option>
											<option value="1020">17:00</option>
											<option value="1050">17:30</option>
											<option value="1080">18:00</option>
											<option value="1110">18:30</option>
											<option value="1140">19:00</option>
											<option value="1170">19:30</option>
											<option value="1200">20:00</option>
											<option value="1230">20:30</option>
											<option value="1260">21:00</option>
											<option value="1290">21:30</option>
											<option value="1320">22:00</option>
											<option value="1350">22:30</option>
											<option value="1380">23:00</option>
											<option value="1410">23:30</option>
											</select>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="section update">
					<div class="filter-bar-button-update disabled">
						<div class="button-end left"></div>
						<div class="button-body">Update map</div>
						<div class="button-end right"></div>
					</div>
				</div>
			</div>

			<div class="filter-end right"></div>
		</div>
		
		<div id="otherfilter" class="filter">
			<div class="filter-end left"></div>

			<h3>Keyword</h3>

			<div class="data"></div>
			
			<div class="controls">
				<div class="filter-bar-button-close"></div>
				
				<div id="textfilter" class="section">
					<div class="help">Filter map by keyword:</div>
					
					<form id="textfilter-form" class="form-text">
						<input type="text" id="textfilter-text" />
						
						<div id="textfilter-reset" class="form-reset"><!-- --></div>
					</form>
				</div>
				
				<div class="section update">
					<div class="filter-bar-button-update disabled">
						<div class="button-end left"></div>
						<div class="button-body">Update map</div>
						<div class="button-end right"></div>
					</div>
				</div>
			</div>
			
			<div class="filter-end right"></div>
		</div>
	</div>
	
	<div class="footer"></div>
</div>

<script type="text/javascript">
var eatFavorites = []
var eatBookmarks = [];

jQuery(document).ready(function() {
    var s = eat.area.map.state;
	s.lat = 60.1699;
	s.lng = 24.9384;
	s.zoom = 16;
	s.city = 1;
	s.ready = true;

	var c = eat.area.location.recent.city;
	c.name = "Helsinki";
	c.link = "/helsinki";

	eat.area.location.recent.init();
});

eat.locale.strings['area.location.citySearch.default'] = "Enter city name";
eat.locale.strings['restaurant.openingStatus.open'] = "Currently open!";
eat.locale.strings['restaurant.openingStatus.brunch'] = "Open for breakfast";
eat.locale.strings['restaurant.openingStatus.lunch'] = "Open for lunch";
eat.locale.strings['restaurant.openingStatus.closed'] = "Kitchen currently closed";
eat.locale.strings['restaurant.openingStatus.unknown'] = "Unknown status";
eat.locale.strings['area.location.navi.currentLocation'] = "Your location";
eat.locale.strings['area.location.currentLocation.error'] = "Sorry, we weren't able to find your current location.";

</script>

<div id="area">
	<div id="location" class="with-presets">
		<div id="location-navi">
			<ul>
				<li id="location-navi-city">Change city</li>
				<li id="location-navi-presets">Select city area</li>
				<li id="location-navi-address">Go to address</li>
			</ul>

            <div id="location-navi-add"><a href="/en/user/restaurant/add">Add restaurant</a></div>
		</div>

		<div id="location-city">
			<div class="location-close"></div>

			<div class="data">
			    <div class="section" id="recent-locations">
    			    <h3>Recently visited:</h3>
						<div class="section-data">
                        <form id="latest-cities-form" class="form-select">
                            <select name="latest-cities-select" id="latest-cities-select">
                                <option value="">Choose city:</option>
                            </select>
                        </form>
						</div>
			    </div>

			    <div class="section" id="city-search">
    			    <h3>Search city by name:</h3>

	                <div class="section-data">
                        <form action="/en/eat/search/city/" method="get" id="city-search-form">
                            <div class="form-text">
                                <input type="text" name="city-search-text" id="city-search-text" />
                            </div>

                            <div class="form-button">
                                <input type="submit" name="city-search-submit id="city-search-submit" value="Search" />
                            </div>
                        </form>
	                </div>
			    </div>

			    <div class="section" id="biggest-cities">
    			    <h3>Biggest cities:</h3>

	                <div class="section-data">
							<ul>
                         <li><a href="/en/helsinki?lat=60.1699&lng=24.9384&zoom=16">Helsinki</a></li>
                         <li><a href="/en/vantaa?lat=60.3173&lng=24.9809&zoom=11">Vantaa</a></li>
                         <li><a href="/en/espoo?lat=60.1824&lng=24.7117&zoom=12">Espoo</a></li>
                         <li><a href="/en/tampere?lat=61.4984&lng=23.7681&zoom=15">Tampere</a></li>
                         <li><a href="/en/turku?lat=60.4514&lng=22.2687&zoom=14">Turku</a></li>
                         <li><a href="/en/oulu?lat=65.0127&lng=25.4714&zoom=14">Oulu</a></li>
                         <li><a href="/en/jyvaskyla?lat=62.2404&lng=25.7426&zoom=14">Jyväskylä</a></li>
                         <li><a href="/en/kuopio?lat=62.8912&lng=27.6815&zoom=15">Kuopio</a></li>
                         <li><a href="/en/pori?lat=61.4852&lng=21.7975&zoom=15">Pori</a></li>
                         <li><a href="/en/lahti?lat=60.9826&lng=25.6616&zoom=14">Lahti</a></li>
							</ul>
	                </div>
			    </div>

			    <div class="section" id="other-cities">
    			    <h3>Other covered cities:</h3>

	                <div class="section-data">
                        <form id="other-cities-form" class="form-select">
                            <select name="other-cities-select" id="other-cities-select">
									<option value="">Choose city:</option>
									<option value="/en/hameenlinna?lat=60.996&lng=24.4642&zoom=14">Hämeenlinna</option>
									<option value="/en/mikkeli?lat=61.6885&lng=27.2722&zoom=14">Mikkeli</option>
									<option value="/en/porvoo?lat=60.3946&lng=25.6625&zoom=11">Porvoo</option>
									<option value="/en/hyvinkaa?lat=60.6315&lng=24.8632&zoom=14">Hyvinkää</option>
									<option value="/en/valkeakoski?lat=61.2724&lng=24.031&zoom=13">Valkeakoski</option>
									<option value="/en/lempaala?lat=61.3174&lng=23.7531&zoom=11">Lempäälä</option>
								</select>
                        </form>
	                </div>
			    </div>

			</div>
		</div>

		<div id="location-presets">
				<div class="location-close"></div>

				<div class="data">
					<div class="help">Center map on the following area:</div>

					<ul>
						<li><a href="javascript:eat.area.location.setPreset('60.1699','24.9384',16)">Center</a></li>
						<li><a href="javascript:eat.area.location.setPreset('60.1851','24.9523',14)">Kallio/Hakaniemi</a></li>
						<li><a href="javascript:eat.area.location.setPreset('60.1787','24.9249',15)">Töölö</a></li>
						<li><a href="javascript:eat.area.location.setPreset('60.1573','24.951',15)">South Helsinki</a></li>
						<li><a href="javascript:eat.area.location.setPreset('60.1673','24.9578',15)">Katajanokka/Kruununhaka</a></li>
						<li><a href="javascript:eat.area.location.setPreset('60.1642','24.9144',15)">Ruoholahti/Punavuori</a></li>
						<li><a href="javascript:eat.area.location.setPreset('60.1688','24.9314',15)">Kamppi</a></li>
						<li><a href="javascript:eat.area.location.setPreset('60.1556','24.8733',14)">Lauttasaari</a></li>
						<li><a href="javascript:eat.area.location.setPreset('60.2112','25.1075',12)">Eastern Helsinki</a></li>
					</ul>
				</div>
		</div>
		
		<div id="location-address" class="">
			<div class="location-close"></div>

			<div class="data">
				<div class="help">Center map on the following address:</div>

				<form id="address-form">
					<div class="form-text">
						<input type="text" id="address-input" />
					</div>

					<div class="form-submit">
						<input type="button" id="address-submit" value="Search" />
					</div>
				</form>
			</div>

			<div id="location-navi-current">Your location</div>
		</div>
	</div>

	<div id="map-controls">
		<div id="map-controls-left"><!-- --></div>
		<div id="map-controls-right"><!-- --></div>
		<div id="map-controls-up"><!-- --></div>
		<div id="map-controls-down"><!-- --></div>
		<div id="map-controls-zoom-in"><!-- --></div>
		<div id="map-controls-zoom-out"><!-- --></div>
	</div>

	<div id="gmap-container">
		<div id="gmap-zoomalert"></div>
		<div id="gmap"></div>
		<div id="gmap-loading"></div>
		<div id="gmap-highlight"></div>
	</div>

	<div class="legend">
		<ul>
		  <li class="legend_open">Kitchen open</li>
		  <li class="legend_lunch">Lunch</li>
		  <li class="legend_brunch">Breakfast/brunch</li>
		  <li class="legend_closed">Closed</li>
		  <li class="legend_unknown">Unknown status</li>
		</ul>

		<div id="legend-add">
			<a href="/en/user/restaurant/add">Add missing restaurant</a>
		</div>
	</div>
</div>

<div id="lists-wrapper">

<div id="top-list-controls">
	<div class="top-list-controls-input"><input type="checkbox" id="top-list-toggle" /></div>
	<div class="top-list-controls-label"><label for="top-list-toggle">Show only open restaurants</label></div>
</div>

<div class="list-status">Updated!</div>

<div id="lunch-list">
    <h3>
        <a class="lunch-list-browse">Browse »</a>Lunch on visible map<small></small>
    </h3>
    
    <div class="data">
        <div class="main"></div>
        <div class="ad">
            <div><b>Lunch menu missing?</b> Registered users and restaurant owners can add links to lunch menus by editing restaurant contact information.</div>
        </div>
    </div>
</div>

<div id="top-list" class="open">
	<h3>Top restaurants on visible map<small></small></h3>
	
	<div class="data">
        <div class="main"></div>
	</div>
</div>

</div>

<div id="content-extra" class="">
                        
<div id="news">
    <div class="header">
        <h3>
                        
            New in Eat.fi            
            <small>Helsinki</small>
        </h3>
    </div>

    <div class="body">            
        <div class="data">

        </div>
    </div>
</div>
</div>
		
<div id="welcome-note" class="map-note" style="display:none">
	<div class="data">
		<h3>Welcome to eat.fi!</h3>

		<p><p>Find open restaurants near you. The color indicates the opening status:</p></p>
		
		<div class="legend">
            <ul>
              <li class="legend_open">Kitchen open</li>
              <li class="legend_lunch">Lunch</li>
              <li class="legend_brunch">Breakfast/brunch</li>
              <li class="legend_closed">Closed</li>
              <!--<li class="legend_unknown">Unknown status</li>-->
            </ul>
		</div>
		
		<p><p>To find out more, please choose a tour for <a href="javascript:core.frame.open(eat.settings.userTourUrl, __('common.footer.tour.loading'));">restaurant visitors</a> or for <a href="javascript:core.frame.open(eat.settings.ownerTourUrl, __('common.footer.tour.loading'));">restaurant owners</a>.</p></p>
	</div>
	
	<div class="close-link">
        <a href="javascript:eat.area.notes.close('welcome-note');">Close this</a>
	</div>
</div>

<script type="text/javascript">
$(document).ready(function(){
	if(!$.cookie('eatwelcome')) {
		$('#welcome-note').show();
	}
	
	$.cookie('eatwelcome', true, { expires: 2000, path: '/', domain: '.eat.fi' });
});
</script>

</div>
</div>


<!-- <div id="category-ad" class="jano" data-featureid="3"><div id="category-ad-close"></div></div> -->
<!-- <div id="category-ad" class="sryhma" data-featureid="4"><div id="category-ad-close"></div></div> -->
</div>

<div id="footer">
	<div id="footer-navi">
		<ul>
			<li><a href="/en/eat/page/about.html">About "Find Help"</a></li>						
			<li><a id="mobile-site-link" href="/en/eat/page/mobile.html">Mobile services</a></li>
			<li><a href="/en/eat/feedback">Send feedback</a></li>
			<li><a href="/en/user/restaurant/add">Add missing restaurant</a><small>(registration required)</small></li>
		</ul>
	</div>
	
    <div id="footer-links">
        <ul>
            <li>FIND HELP(c)</li>
            <li><a href="http://www.eatforum.com">Weblog</a></li>
            <li><a href="http://www.twitter.com/eatfi">Twitter</a></li>
            <li>Partners: </li>
            <li><a href="http://www.google.com">Google.com</a></li>
        </ul>
    </div>
	
	<div id="footer-made">
		Made by <a href="http://www.2general.com/" target="_blank">GOOD LUCK!!</a> and <a href="http://www.pplmedia.fi/" target="_blank">Hudson</a>
	</div>
</div>

<div id="signin-userbar">
	<form method="post" action="/user/login">
	<div class="input">
	<label for="userbar-username">Username:</label>
	<input type="text" name="username" id="userbar-username" value="" />
	</div>
	<div class="input">
		<label for="userbar-password">Password:</label>
		<input type="password" name="password" id="userbar-password" value="" />
	</div>
	<div>
		<input type="checkbox" name="remember" id="userbar-remember" value="1" />
		<label for="userbar-remember">Remember me</label>
	</div>
	<div class="form-submit">
		<input type="submit" name="commit" value="Submit" />
		<a target="_parent" href="/en/user/request_password">Forgot your password?</a>
	</div>
	<div class="input providers">
		<label>...or use another account:</label>
		<a class="janrainEngage" href="#">Facebook, Google, Twitter, OpenID</a>
	</div>
	</form>
</div>

<script type="text/javascript">
    (function() {
        if (typeof window.janrain !== 'object') window.janrain = {};
        if (typeof window.janrain.settings !== 'object') window.janrain.settings = {};

        janrain.settings.tokenUrl = 'http://eat.fi/eat/janrain';
        janrain.settings.language = 'en';

        function isReady() { janrain.ready = true; };
        if (document.addEventListener) {
            document.addEventListener("DOMContentLoaded", isReady, false);
        } else {
            window.attachEvent('onload', isReady);
        }

        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.id = 'janrainAuthWidget';

        if (document.location.protocol === 'https:') {
            e.src = 'https://rpxnow.com/js/lib//engage.js';
        } else {
            e.src = 'http://widget-cdn.rpxnow.com/js/lib//engage.js';
        }

        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(e, s);
    })();
</script>

</div>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-242192-3");
pageTracker._trackPageview();
</script>

<!-- MTV ads -->

<script>
if(window.enr_initScan)window.enr_initScan("5966,8337"); 
</script>

<!-- MTV -->

<script type="text/javascript">
var tmsec = new Array ('tmsec1=Eat');
</script>
<script type="text/javascript" src="http://static.mtv3.fi/vs.js"></script>
<script type="text/javascript" src="http://static.mtv3.fi/js/spring.js"></script>
<script type="text/javascript">
var sp_e0 = {
"s":"mtv3",
"cp":"MTV3/Eat",
"url":document.location.href
}
spring.c(sp_e0);
</script>
<noscript><img src="http://mtv3.spring-tns.net/j0=,,,;+,,cp=MTV3/Eat;;;;" alt=""></noscript>

</body>
</html>
{% endblock content %}
